<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>Homepage - Careers</title>

        <!-- Stylesheets -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/bootstrap.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/flexslider.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/style.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/responsive.css">

        <!--[if IE 9]>
                <script src="js/media.match.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <div id="main-wrapper">

            <header id="header" class="header-style-1">
                <div class="header-top-bar">
                    <div class="container">


                        <!-- Header Register -->
                        <div class="header-register">
                            <a href="#" class="btn btn-link">Registro</a>
                            <div>
                                <form action="#">
                                    <input type="text" class="form-control" placeholder="Username">
                                    <input type="email" class="form-control" placeholder="Email">
                                    <input type="password" class="form-control" placeholder="Password">
                                    <input type="submit" class="btn btn-default" value="Register">
                                </form>
                            </div>
                        </div> <!-- end .header-register -->

                        <!-- Header Login -->
                        <div class="header-login">
                            <a href="#" class="btn btn-link">Entrar</a>
                            <div>
                                <form action="#">
                                    <input type="text" class="form-control" placeholder="usuario">
                                    <input type="password" class="form-control" placeholder="contraseña">
                                    <input type="submit" class="btn btn-default" value="Entrar">
                                    <a href="#" class="btn btn-link">Olvidaste tu Contraseña?</a>
                                </form>
                            </div>
                        </div> <!-- end .header-login -->

                    </div> <!-- end .container -->
                </div> <!-- end .header-top-bar -->

                <div class="header-nav-bar">
                    <div class="container">

                        <!-- Logo -->
                        <div class="css-table logo">
                            <div class="css-table-cell">
                                <a href="<?= base_url('home.mti') ?>">
                                    <img src="<?= base_url() ?>assets/img/header-logo.png" alt="">
                                </a> <!-- end .logo -->
                            </div>
                        </div>

                        <!-- Mobile Menu Toggle -->
                        <a href="#" id="mobile-menu-toggle"><span></span></a>

                        <!-- Primary Nav -->
                        <nav>
                            <ul class="primary-nav">
                                <li class="active has-submenu">
                                    <a href="<?= base_url('home.mti') ?>">Inicio</a>
                                    <ul>
                                        <li><a href="<?= base_url('home.mti') ?>">Home with Boxes</a></li>
                                        <li><a href="homepage-slider.html">Home with Slider</a></li>
                                    </ul>
                                </li>
                                <li class="has-submenu">
                                    <a href="<?= base_url('jobs.mti') ?>">Empleos</a>
                                    <ul>
                                        <li><a href="<?= base_url('jobs.mti') ?>">Jobs Listings</a></li>
                                        <li><a href="jobs-single.html">Jobs Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-submenu">
                                    <a href="candidates.html">Candidates</a>
                                    <ul>
                                        <li><a href="candidates.html">Candidates Listings</a></li>
                                        <li><a href="candidates-sidebar.html">Candidates Listings Sidebar</a></li>
                                        <li><a href="candidates-single.html">Candidates Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-submenu">
                                    <a href="about-us.html">Acerca de Cosmic</a>
                                    <ul>
                                        <li><a href="<?= base_url('partners.mti') ?>">Socios</a></li>
                                        <li><a href="contact-us.html">Contactamos</a></li>
                                    </ul>
                                </li>
                                <li><a href="<?= base_url('register.mti') ?>">Registro</a></li>
                                <li><a href="shortcodes.html">Shortcodes</a></li>
                            </ul>
                        </nav>
                    </div> <!-- end .container -->

                    <div id="mobile-menu-container" class="container">
                        <div class="login-register"></div>
                        <div class="menu"></div>
                    </div>
                </div> <!-- end .header-nav-bar -->

                <div class="header-search-bar">
                    <div class="container">
                        <form>
                            <div class="basic-form clearfix">
                                <a href="#" class="toggle"><span></span></a>

                                <div class="hsb-input-1">
                                    <input type="text" class="form-control" placeholder="I'm looking for a ...">
                                </div>

                                <div class="hsb-text-1">in</div>

                                <div class="hsb-container">
                                    <div class="hsb-input-2">
                                        <input type="text" class="form-control" placeholder="Location">
                                    </div>

                                    <div class="hsb-select">
                                        <select class="form-control">
                                            <option value="0">Select Category</option>
                                            <option value="">Category</option>
                                            <option value="">Category</option>
                                            <option value="">Category</option>
                                            <option value="">Category</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="hsb-submit">
                                    <input type="submit" class="btn btn-default btn-block" value="Search">
                                </div>
                            </div>

                            <div class="advanced-form">
                                <div class="container">
                                    <div class="row">
                                        <label class="col-md-3">Distance</label>

                                        <div class="col-md-9">
                                            <div class="range-slider">
                                                <div class="slider" data-min="1" data-max="200" data-current="100"></div>
                                                <div class="last-value"><span>100</span> km</div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <label class="col-md-3">Rating</label>

                                        <div class="col-md-9">
                                            <div class="range-slider">
                                                <div class="slider" data-min="1" data-max="100" data-current="20"></div>
                                                <div class="last-value">&gt; <span>20</span> %</div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <label class="col-md-3">Days Published</label>

                                        <div class="col-md-9">
                                            <div class="range-slider">
                                                <div class="slider" data-min="1" data-max="60" data-current="30"></div>
                                                <div class="last-value">&lt; <span>30</span></div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <label class="col-md-3">Location</label>

                                        <div class="col-md-9">
                                            <input type="text" class="form-control" placeholder="Switzerland">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <label class="col-md-3">Industry</label>

                                        <div class="col-md-9">
                                            <select class="form-control">
                                                <option value="">Select Industry</option>
                                                <option value="">Option 1</option>
                                                <option value="">Option 2</option>
                                                <option value="">Option 3</option>
                                                <option value="">Option 4</option>
                                                <option value="">Option 5</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div> <!-- end .header-search-bar -->






